<template>
  <div class="shop-info">
    <van-row class="row-top">
      <van-col span="5">
        <!-- 头像 -->
        <van-image
          round
          fit="cover"
          src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp0.meituan.net%2Fwaimaipoi%2Fc5e4cbc483658d574b4b3c9b6f28c81957803.jpg&refer=http%3A%2F%2Fp0.meituan.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1617881612&t=0fd5dd6335d987b4e2fd1a5b3273df5d"
        />
        <p>123456321</p>
      </van-col>
      <van-col span="14">
        <span class="shop-name">{{ storesName }}</span
        ><br />
        <van-icon name="location" size="14" />
        <span class="shop-site"> {{ StoreAddress }}</span>
      </van-col>
      <van-col span="5">
        <span class="shop-site">距离:{{ storesDistance }}</span>
      </van-col>
    </van-row>
    <van-row class="row-bottom">
      <van-col span="5">
        <a href="">店铺实拍图</a>
        <a href="">营业资质</a>
      </van-col>
      <van-col span="">
        <span>配送时间：9:00 - 21:00</span>
        <span>自提时间：9:00 - 21:00</span></van-col
      >
    </van-row>
  </div>
</template>

<script>
export default {
  name: 'ShopInfo',
  components: {},
  props: {
    // 商店名
    storesName: {
      type: String,
      default: '新佳宜'
    },
    // 商店地址
    StoreAddress: {
      type: String,
      default: '湖南省.长沙市.岳麓区.东方红路'
    },
    // 商店账号
    storesNumber: {
      type: String,
      default: '自定义账号'
    },
    // 商店距离
    storesDistance: {
      type: String,
      default: '520米'
    }
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="less">
.shop-info {
  border: 1px solid #02b6fd;
  margin: 0 10px;
  .van-row {
    margin: 10px;
  }
  .van-image {
    width: 100px;
    height: 100px;
  }
  .row-top {
    p {
      font-size: 12px;
      color: #02b6fd;
      margin: 0;
    }
    .shop-name {
      // display: block;
      font-size: 32px;
      font-weight: 500;
    }
    .shop-site {
      // display: block;
      font-size: 12px;
      line-height: 12px;
    }
  }
  .row-bottom {
    a {
      display: block;
      font-size: 12px;
    }
    span {
      display: block;
      font-size: 12px;
    }
  }
}
</style>
